<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>订单列表</title>

<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/resources/css/back/oder.css">
</head>
<body>
<h1>订单列表</h1>
	<br>
	
	<div class="input-group search">
		<input type="text"  placeholder="请输入订单号" id="searchoderId">
		<button class="btn btn-primary" id="searchoder">搜索&nbsp;&nbsp;<span class="glyphicon glyphicon-search"></span></button>
	</div>
	<br>
	<div class="table-responsive">
	<table class="table table-striped table-hover table-bordered ">
		<thead>
			<tr class="info">
				<td>订单号</td>
				<td>旅客</td>
				<td>订单状态</td>
				<td>订单总价</td>
				<td>创建时间</td>
				<td>操作</td>
			</tr>
		</thead>
		<tbody>
			<c:forEach items="${OderDtolist }" var="oderdto">
			<tr>
				<td>${oderdto.oder.oderId }</td>
				<td>${oderdto.traveler.tra1Personname },${oderdto.traveler.tra2Personname}</td>
				<td>${oderdto.status }</td>
				<td>￥<span>${oderdto.oder.payPrice}</span></td>
				<td>${oderdto.oder.createTime }</td>
				<td><button class="btn btn-primary" onclick="showRight('<%=request.getContextPath() %>/backoderdetail','${oderdto.oder.oderId}')">查看</button>&nbsp;&nbsp;<button class="btn btn-danger" onclick="deleteOder('${oderdto.oder.oderId}')">删除</button></td>
			</tr>
			</c:forEach>
		</tbody>
	</table>
	</div>

	<span class="col-md-7 col-sm-4"></span>
		 <ul class="pager col-md-5 col-sm-8">
			 <li>共${page.pages }页，当前第${page.pageNum }页</li>
			 <li><a href="JavaScript:void()" onclick="showRight('<%=request.getContextPath() %>/backoderlist','id','${page.firstPage}')">首页</a></li>
			 <li><a href="JavaScript:void()" onclick="showRight('<%=request.getContextPath() %>/backoderlist','id','${page.prePage}')">上一页</a></li>
			 <li><a href="JavaScript:void()" onclick="showRight('<%=request.getContextPath() %>/backoderlist','id','${page.nextPage}')">下一页</a></li>
			 <li><a href="JavaScript:void()" onclick="showRight('<%=request.getContextPath() %>/backoderlist','id','${page.lastPage}')">尾页</a></li>
		 </ul>
	
<script type="text/javascript" src="<%=request.getContextPath() %>/resources/js/back/oder.js"></script>

</body>
</html>